<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
			<link rel="stylesheet" href="__TPL__/css/goods_list.css">	
         <hdjs/>
         <script type="text/javascript" src="__TPL__/js/index.js"></script>	
         <script type="text/javascript">
         	$(function(){
         		$('.goods').hover(function() {
         			$(this).find('.gborder').show();
         		}, function() {
         			$(this).find('.gborder').hide();
         		});
         	})
         </script>	
    </head>
    <body style="margin-bottom:20px;">
    	   <include file="__TPL__/Public/header.html"/>
	   
	   <!-- 属性规格区开始 -->
	   <div class="w1240 h35 auto lh36 F18">
	   	<!-- 我的位置开始 -->
	   <ul id="myposition">
	   	<li><a href="__ROOT__">首页</a></li>
	   	<list from="$ca" name="c">
	   		<li><a href="{|U:'Index/Category',array('cid'=>$c['cid'])}">{$c.cname}</a></li>
	   	</list>
	   	
	   </ul>
	   <!-- 我的位置结束 -->	
	   </div>

	   <list from="$attrData" name="attr">
		   <ul class="attr">
		   	<li><span>{$attr.attr_name} ：</span></li>
		   	<li>{|getSearchAttrValue:0,$hd['list']['attr']['index'],'全部'}</li>
		   	
		   	<list from="$attr['attrValue']" name="value">
		   		<li>
		   			<!-- <a href="">{$value.attr_value}</a> -->
		   			{|getSearchAttrValue:$value['av_id'],$hd['list']['attr']['index'],$value['attr_value']}
		   		</li>
		   	</list>

		   </ul>
		</list>
	
	   <!-- 属性规格区结束 -->
	   <!-- 排序筛选区开始 -->
	    <ul class="sort">
	   	<li><a href="">推荐</a></li>
	   	<li><a href="">最新</a></li>
	   	<li>
	   		<a href="{|U:'category',array('s'=>$_GET['s'],'order'=>1,'cid'=>$_GET['cid'])}">价格从高到底</a>
	   	</li>

	   	<li>
	   		<a href="{|U:'category',array('s'=>$_GET['s'],'order'=>0,'cid'=>$_GET['cid'])}">价格从低到高</a>
	   	</li>
	   	<li><a href="">关注度</a></li>
	   </ul>
	   <!-- 排序筛选区结束 -->
	   <script>
	   	function addCart(obj){
	   		$(obj).parents('.gborder').find('.addCart').show().animate({
	   			height: 30,top:390},
	   			300, function() {
	   				setTimeout(function(){
		   					$(obj).parents('.gborder').find('.addCart').animate({
		   					height: 0,
		   					top: 420},
		   					300, function() {
		   					/* stuff to do after animation is complete */
	   					});
	   				},1000)
	   				
	   		});
				// $(obj).parents('.gborder').find('.addCart').show()
	   	}
	   </script>
	   <div id="content">
	   	<list from="$goodsData" name="gd">

		   	<div class="goods">
		   		<div class="goodsBorder">
			   		<div class="gborder">
			   			<a href="javascript:;" class="shopcar" onclick="addCart(this)">+购物车</a>
			   			<a href="" class="gsave">收藏</a>
			   			<p class="addCart">已成功加入购物车</p>
			   		</div>
			   		
			   		<a href="{|U:'Index/index/content',array('gid'=>$gd['gid'])}"><img src="__ROOT__/{$gd.index_pic}" alt="" class="gpic"></a>
			   		<p class="gtitle"><a href="{|U:'Index/index/content',array('gid'=>$gd['gid'])}">{$gd.gname}</a></p>
			   		<p class="gprice">{$gd.price}</p>
		   		</div>
		   	</div>
	   	</list>
	   	
	   </div>
	   <div class="page w1240 auto txc h100">
	   	{$page}
	   </div>
	   	  	<!-- 尾部开始 -->
	  	<include file="__TPL__/Public/footer.html"/>
	  	<!-- 尾部结束 -->
    </body>
</html>